﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<!-- jsp文件头和头部 -->
<%@ include file="../../system/main/main_top.jsp"%>

<style>
section {
	width: 100%;
	margin: auto 0;
	text-align: center;
}

.tit {
	font-size: 30px;
	color: #4a4a4a;
	font-weight: 100;
	height: 30px;
	line-height: 30px;
}

.tit a {
	display: block;
	color: #434343;
	text-decoration: none;
}

.note {
	font-size: 20px;
	line-height: 20px;
	color: #6f6f6f;
	font-weight: 100;
	margin: 22px 0 80px;
}

.high-blue {
	color: #007aff;
}

.sec-3 ul {
	margin: 75px auto 0;
	width: 243px;
}

.sec-3 li {
	width: 243px;
	height: 243px;
	border: 1px solid #e4e4e4;
	color: #8b8a8a;
	font-family: 'Myriad Pro';
	font-size: 18px;
	background-color: #fff;
}

.sec-3 .icon {
	width: 43px;
	height: 50px;
	display: block;
	margin: 0px auto 18px;
}

.sec-3 .icon.ios {
	background: url(http://cdnst.momocdn.com/static/w5/img/website/icon.png)
		0 0 no-repeat;
}

.sec-3 .icon.android {
	background: url(http://cdnst.momocdn.com/static/w5/img/website/icon.png)
		-78px 0 no-repeat;
}

.sec-3 a {
	text-decoration: none;
	display: block;
	color: #8b8a8a;
	height: 174px;
	padding-top: 70px;
	-webkit-transition: all 0.3s;
	-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.sec-3 li.down.on {
	background-color: #007aff;
	box-shadow: 5px 15px 30px rgba(0, 0, 0, .3);
	border-bottom: none;
}

.sec-3 li.down.on a {
	color: #fff;
}

.sec-3 li.down.on .icon.ios {
	background: url(http://cdnst.momocdn.com/static/w5/img/website/icon.png)
		0 -110px no-repeat;
}

.sec-3 li.down.on .icon.android {
	background: url(http://cdnst.momocdn.com/static/w5/img/website/icon.png)
		-77px -111px no-repeat;
}

.sec-3 li.down.on .icon.wp {
	background: url(http://cdnst.momocdn.com/static/w5/img/website/icon.png)
		-154px -110px no-repeat;
}
</style>
</head>
<body>

<div class="content">
    <p class="tips">距网站上线还有：</p>
    <div class="time" id="time1">
        <span class="danwei_first"></span>
        <span><img id="day_01" alt="" src="images/allnum.png"></span>
        <span><img id="day_02" alt="" src="images/allnum.png"></span>
        <span class="danwei"></span>
        <span><img id="hour_01" alt="" src="images/allnum.png"></span>
        <span><img id="hour_02" alt="" src="images/allnum.png"></span>
        <span class="danwei"></span>
        <span><img id="minute_01" alt="" src="images/allnum.png"></span>
        <span><img id="minute_02" alt="" src="images/allnum.png"></span>
        <span class="danwei"></span>
        <span><img id="second_01" alt="" src="images/allnum.png"></span>
        <span><img id="second_02" alt="" src="images/allnum.png"></span>
        <br class="clear">
    </div>
<script type="text/javascript">
var overa;
overa = new Date(2012, 01, 09, 00, 00);//倒计时时间（PS：月数要-1，原因你懂得）
        var localNow = new Date();
        function clock1(){
			var local = new Date();
				var intDiff = overa.getTime() - local.getTime();
				if (intDiff <= 0) {
					document.getElementById('time1');//显示活动结束 .innerHTML = "活动已经结束了";
					return false;
				}
				var day = Math.floor(intDiff / (1000 * 60 * 60 * 24));
				var hour = Math.floor(intDiff / (1000 * 60 * 60)) - (day * 24);
				var minute = Math.floor(intDiff / (1000 * 60)) - (day * 24 * 60)
						- (hour * 60);
				var second = Math.floor(intDiff / 1000) - (day * 24 * 60 * 60)
						- (hour * 60 * 60) - (minute * 60);
				if (day <= 9)
					day = '0' + day;
				if (hour <= 9)
					hour = '0' + hour;
				if (minute <= 9)
					minute = '0' + minute;
				if (second <= 9)
					second = '0' + second;
				document.getElementById('day_01').style.marginTop = (day.toString()
						.substr(0, 1))
						* (-137) + 'px';
				document.getElementById('day_02').style.marginTop = (day.toString()
						.substr(1, 1))
						* (-137) + 'px';
				document.getElementById('hour_01').style.marginTop = (hour.toString()
						.substr(0, 1))
						* (-137) + 'px';
				document.getElementById('hour_02').style.marginTop = (hour.toString()
						.substr(1, 1))
						* (-137) + 'px';
				document.getElementById('minute_01').style.marginTop = (minute
						.toString().substr(0, 1))
						* (-137) + 'px';
				document.getElementById('minute_02').style.marginTop = (minute
						.toString().substr(1, 1))
						* (-137) + 'px';
				document.getElementById('second_01').style.marginTop = (second
						.toString().substr(0, 1))
						* (-137) + 'px';
				document.getElementById('second_02').style.marginTop = (second
						.toString().substr(1, 1))
						* (-137) + 'px';
				setTimeout("clock1()", 1000);
			}
	clock1();
</script>

<div class="container-fluid" id="main-container">
	<div id="page-content" class="clearfix">
		<div class="page-header position-relative">
			<h1>
				后台首页 <small><i class="icon-double-angle-right"></i> </small>
			</h1>
		</div>
		<!--/page-header-->
		<div class="row-fluid">
			<section id="mm_downloads" class="sec-3">
				<h2 class="tit">根据你的手机，选择下载</h2>
				<ul class="clearfix">
					<li class="down"><a
						href="http://fir.im/bvn5/info"
						class="ciqclickbtn" _client="PC" _page="首页" _position="底部"
						_name="iphone下载"> <i class="icon ios"></i>
							<p>iPhone</p>
					</a></li>
					<li class="down"><a
						href="http://maibow.cn:8088/maibow-global/uploadFiles/file/20150622_version/0528636d5d444cd98db24bb849c7d97c.apk"
						class="ciqclickbtn" _client="PC" _page="首页" _position="底部"
						_name="Android下载"> <i class="icon android"></i>
							<p>Android</p>
					</a></li>
	
				</ul>
			</section>
	</div>
		</div>
	<!--/row-->
	</div>
<!-- #main-content -->
</div>

<!--/.fluid-container#main-container-->
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i
	class="icon-double-angle-up icon-only"></i>
</a>
<!-- basic scripts -->
<script src="static/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");
</script>

<script src="static/js/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>
<!-- inline scripts related to this page -->


<script type="text/javascript">
	$(top.hangge());
</script>
</body>
</html>
